<template>
  <div class="middlearea">
      <div class="middle-top"><slot name="middle-top"></slot></div>
      <div class="middle-bot"><slot name="middle-bot"></slot></div>
  </div>
</template>

<script>
export default {
  name:'MiddleAreaHtree',
}
</script>

<style scoped>
  .middle-top{
    width: 100%;
    height: 60px;
    /* background: coral; */
  }
  .middle-bot{
    width: 100%;
    height: 320px;
    /* background: darkcyan; */
  }

</style>